.pc {
  display: none;
}
.M {
  padding-bottom: 54.16665312px;
}
.m-status-close {
  width: 294.99992625px;
  height: 64.58331719px;
  background-color: #ff663b;
  border-radius: 5.83333187px;
  margin: 12.49999687px auto 0;
  position: relative;
  background: url("../../img/order_content/close.png") no-repeat;
  background-size: 100%;
}
.m-status-close > p:nth-of-type(1) {
  font-size: 10.41666406px;
  line-height: 10.41666406px;
  color: #ffffff;
  padding-left: 27.08332656px;
  padding-top: 19.999995px;
}
.m-status-close > p:nth-of-type(2) {
  font-size: 6.666665px;
  line-height: 6.666665px;
  color: #ffffff;
  padding-left: 27.08332656px;
  padding-top: 6.24999844px;
}
.m-status-complete {
  width: 294.99992625px;
  height: 64.58331719px;
  background-color: #ff663b;
  border-radius: 5.83333187px;
  margin: 12.49999687px auto 0;
  position: relative;
  background: url("../../img/order_content/complete.png") no-repeat;
  background-size: 100%;
}
.m-status-complete > p:nth-of-type(1) {
  font-size: 10.41666406px;
  line-height: 10.41666406px;
  color: #ffffff;
  padding-left: 27.08332656px;
  padding-top: 19.999995px;
}
.m-status-complete > p:nth-of-type(2) {
  font-size: 6.666665px;
  line-height: 6.666665px;
  color: #ffffff;
  padding-left: 27.08332656px;
  padding-top: 6.24999844px;
}
.m-status-pay {
  width: 294.99992625px;
  height: 64.58331719px;
  background-color: #ff663b;
  border-radius: 5.83333187px;
  margin: 12.49999687px auto 0;
  position: relative;
  background: url("../../img/order_content/pay.png") no-repeat;
  background-size: 100%;
}
.m-status-pay > p:nth-of-type(1) {
  font-size: 10.41666406px;
  line-height: 10.41666406px;
  color: #ffffff;
  padding-left: 27.08332656px;
  padding-top: 19.999995px;
}
.m-status-pay > p:nth-of-type(2) {
  font-size: 6.666665px;
  line-height: 6.666665px;
  color: #ffffff;
  padding-left: 27.08332656px;
  padding-top: 6.24999844px;
}
.m-address {
  margin-top: -30.41665906px;
  padding-top: 30.41665906px;
  width: 100%;
  height: 63.3333175px;
  background-color: #ffffff;
}
.m-address > div {
  width: 294.99992625px;
  margin: 0 auto;
}
.m-address > div p {
  text-align: center;
}
.m-address > div .m-name {
  margin-top: 12.49999687px;
  font-size: 10.41666406px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 33.333325px;
}
.m-address > div .m-phone {
  margin-top: 10.41666406px;
  font-size: 0;
}
.m-address > div .m-phone span {
  font-size: 10.41666406px;
  color: #000000;
}
.m-address > div .m-phone > span:nth-of-type(2) {
  margin-left: 18.74999531px;
}
.m-address > div .m-ziqu-headline {
  margin-top: 3.90625px;
  font-size: 0;
}
.m-address > div .m-ziqu-headline i {
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.28);
}
.m-address > div .m-ziqu-headline span {
  vertical-align: middle;
  font-size: 8.33333125px;
  color: rgba(0, 0, 0, 0.37);
}
.m-address > div .m-name1 {
  margin-top: 3.3333325px;
  font-size: 10.41666406px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 33.333325px;
}
.m-address > div .m-phone1 {
  margin-top: 3.90625px;
  font-size: 0;
}
.m-address > div .m-phone1 span {
  font-size: 10.41666406px;
  color: #000000;
}
.m-goods {
  margin-top: 12.49999687px;
  background: #fff;
}
.m-goods > div {
  width: 294.99992625px;
  margin: 0 auto;
  overflow: hidden;
}
.m-goods > div > div {
  width: 266.6666px;
  float: right;
  border-top: 1px solid #eaeaea;
  overflow: hidden;
}
.m-goods > div > div > div:nth-of-type(1) {
  float: left;
  max-width: 112.49997187px;
}
.m-goods > div > div > div:nth-of-type(1) > p:nth-of-type(1) {
  font-size: 10.41666406px;
  color: #000000;
  margin-top: 27.08332656px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-goods > div > div > div:nth-of-type(1) > p:nth-of-type(2) {
  margin-top: 6.24999844px;
  font-size: 6.666665px;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-goods > div > div > div:nth-of-type(2) {
  float: left;
  margin-left: 20.83332812px;
}
.m-goods > div > div > div:nth-of-type(2) p {
  line-height: 77.49998062px;
}
.m-goods > div > div > div:nth-of-type(2) p > span {
  font-size: 10.41666406px;
}
.m-goods > div > div > div:nth-of-type(2) p > span:nth-of-type(2) {
  margin-left: 14.58332969px;
}
.m-goods > div > div > div:nth-of-type(3) {
  margin-top: 11.24999719px;
  float: right;
}
.m-goods > div > div > div:nth-of-type(3) img {
  width: 62.49998437px;
  height: 62.49998437px;
}
.m-goods > div:nth-of-type(1) {
  border: 0;
}
/*订单金额*/
.m-money {
  width: 100%;
  height: 126.666635px;
  margin-top: 12.49999687px;
  background-color: #ffffff;
}
.m-money > div {
  width: 294.99992625px;
  margin: 0 auto;
  overflow: hidden;
}
.m-money > div > div:nth-of-type(1) {
  float: left;
  width: 26.66666px;
  line-height: 63.3333175px;
}
.m-money > div > div:nth-of-type(1) i {
  font-size: 12.08333031px;
  color: #b2b2b2;
}
.m-money > div > div:nth-of-type(2) {
  float: left;
  width: 266.6666px;
  height: 63.3333175px;
  border-bottom: 1px solid #eaeaea;
}
.m-money > div > div:nth-of-type(2) > p {
  line-height: 31.66665875px;
}
.m-money > div > div:nth-of-type(2) > p > span:nth-of-type(1) {
  font-size: 10.41666406px;
  color: #000000;
}
.m-money > div > div:nth-of-type(2) > p > span:nth-of-type(2) {
  float: right;
  font-size: 10.41666406px;
  color: #a7a7a7;
}
.m-money > div:nth-of-type(2) > div:nth-of-type(2) {
  border-bottom: 0;
}
.m-money > div:nth-of-type(2) > div:nth-of-type(2) > p span:nth-of-type(2) {
  color: #219dfd;
}
/*订单信息*/
.m-pay {
  width: 100%;
  margin-top: 12.49999687px;
  background-color: #ffffff;
}
.m-pay > div {
  width: 294.99992625px;
  margin: 0 auto;
  overflow: hidden;
}
.m-pay > div > div:nth-of-type(1) {
  float: left;
  width: 26.66666px;
  line-height: 118.74997031px;
}
.m-pay > div > div:nth-of-type(1) i {
  font-size: 12.08333031px;
  color: #b2b2b2;
}
.m-pay > div .weixin-icon {
  line-height: 79.16664687px;
}
.m-pay > div > div:nth-of-type(2) {
  float: left;
  width: 266.6666px;
}
.m-pay > div > div:nth-of-type(2) > p {
  border-top: 1px solid #eaeaea;
  line-height: 39.58332344px;
}
.m-pay > div > div:nth-of-type(2) > p > span:nth-of-type(1) {
  font-size: 10.41666406px;
  color: #000000;
}
.m-pay > div > div:nth-of-type(2) > p > span:nth-of-type(2) {
  float: right;
  font-size: 10.41666406px;
}
.m-pay > div > div:nth-of-type(2) > p > span:nth-of-type(2) img {
  width: 10.83333062px;
  display: none;
}
.m-pay > div > div:nth-of-type(2) > p:nth-of-type(1) {
  border-top: 0;
}
.m-pay > div > div:nth-of-type(2) .m-pay-zhong > span:nth-of-type(2) img {
  display: inline-block;
}
.m-zonge {
  margin-top: 12.49999687px;
  width: 100%;
  background-color: #ffffff;
}
.m-zonge > div {
  width: 294.99992625px;
  height: 55.41665281px;
  margin: 0 auto;
  overflow: hidden;
}
.m-zonge > div > div:nth-of-type(1) {
  float: left;
  width: 26.66666px;
  height: 55.41665281px;
  line-height: 55.41665281px;
  text-align: center;
}
.m-zonge > div > div:nth-of-type(1) i {
  font-size: 12.08333031px;
  color: #b2b2b2;
}
.m-zonge > div > div:nth-of-type(2) {
  float: left;
}
.m-zonge > div > div:nth-of-type(2) > p:nth-of-type(1) {
  font-size: 12.08333031px;
  line-height: 55.41665281px;
  color: #000000;
}
.m-zonge > div > div:nth-of-type(3) {
  float: right;
  margin-right: 22.91666094px;
  font-size: 10.41666406px;
  line-height: 55.41665281px;
  text-align: center;
}
.m-remark {
  margin-top: 12.49999687px;
  width: 100%;
  overflow: hidden;
}
.m-remark > div {
  width: 294.99992625px;
  margin: 0 auto;
}
.m-remark > div > div:nth-of-type(1) {
  float: left;
  width: 26.66666px;
  height: 55.41665281px;
  line-height: 55.41665281px;
  text-align: center;
}
.m-remark > div > div:nth-of-type(2) {
  float: left;
}
.m-remark > div > div:nth-of-type(2) > p {
  font-size: 0;
}
.m-remark > div > div:nth-of-type(2) > p > span {
  font-size: 10.41666406px;
  color: #a5a5a5;
}
.m-remark > div > div:nth-of-type(2) > p > span:nth-of-type(1) {
  width: 62.49998437px;
  display: inline-block;
}
.m-remark > div > div:nth-of-type(2) > p:nth-of-type(2) {
  margin-top: 10.41666406px;
}
.m-remark > div > div:nth-of-type(2) > p:nth-of-type(3) {
  margin-top: 14.58332969px;
}
.m-foot {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 41.66665625px;
  background: #fff;
}
.m-foot .m-goumai {
  width: 294.99992625px;
  height: 32.49999187px;
  margin: 5.41666531px auto;
  overflow: hidden;
}
.m-foot .m-goumai a {
  display: block;
  text-align: center;
  line-height: 31.24999219px;
  -webkit-tap-highlight-color: transparent;
}
.m-foot .m-goumai > a:nth-of-type(1) {
  float: right;
  width: 102.91664094px;
  height: 31.24999219px;
  background-image: linear-gradient(90deg, #ff1010 0%, #ff7140 100%), linear-gradient(#e53b37, #e53b37);
  background-blend-mode: normal, normal;
  border-radius: 31.24999219px;
  font-size: 10.41666406px;
  color: #fff;
}
.m-foot .m-goumai > a:nth-of-type(2) {
  float: right;
  width: 83.3333125px;
  height: 31.24999219px;
  border-radius: 6.24999844px;
  font-size: 10.41666406px;
  color: #a5a5a5;
}
.m-foot .m-evaluate {
  width: 294.99992625px;
  height: 32.49999187px;
  margin: 10.83333062px auto 0;
  overflow: hidden;
}
.m-foot .m-evaluate a {
  display: block;
  text-align: center;
  line-height: 19.999995px;
  -webkit-tap-highlight-color: transparent;
}
.m-foot .m-evaluate > a:nth-of-type(1) {
  float: right;
  width: 66.24998344px;
  height: 19.999995px;
  border-radius: 4.16666562px;
  border: solid 1px #8e8e8e;
  font-size: 10.41666406px;
  color: #8e8e8e;
}
.m-foot .m-achieve {
  width: 294.99992625px;
  height: 32.49999187px;
  margin: 10.83333062px auto 0;
  overflow: hidden;
}
.m-foot .m-achieve a {
  display: block;
  text-align: center;
  line-height: 19.999995px;
  -webkit-tap-highlight-color: transparent;
}
.m-foot .m-achieve > a:nth-of-type(1) {
  float: right;
  width: 66.24998344px;
  height: 19.999995px;
  border-radius: 4.16666562px;
  border: solid 1px #8e8e8e;
  font-size: 10.41666406px;
  color: #8e8e8e;
}
.m-discounts-popups {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.m-discounts-popups > div {
  border-radius: 6.24999844px 6.24999844px 0 0;
  position: absolute;
  bottom: -166.666625px;
  background: #eaeaea;
  width: 100%;
  height: 291.66659375px;
  overflow-y: scroll;
}
.m-discounts-popups > div > p:nth-of-type(1) {
  margin-top: 6.24999844px;
  text-align: center;
  font-size: 10.41666406px;
  line-height: 20.83332812px;
}
.m-discounts-popups > div > p:nth-of-type(1) i {
  font-size: 10.41666406px;
  position: absolute;
  right: 0;
  margin-right: 20.83332812px;
}
.m-discounts-popups > div > div {
  margin: 8.33333125px auto;
  cursor: pointer;
  width: 294.99992625px;
  height: 66.66665px;
  border-radius: 5px;
  position: relative;
}
.m-discounts-popups > div > div > div:nth-of-type(1) {
  width: 100%;
  height: 100%;
}
.m-discounts-popups > div > div > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
}
.m-discounts-popups > div > div > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(1) {
  float: left;
  width: 72.91664844px;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(1) > p {
  line-height: 66.66665px;
  text-align: center;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(1) > p > span:nth-of-type(1) {
  font-size: 9.58333094px;
  vertical-align: middle;
  color: #fff;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(1) > p > span:nth-of-type(2) {
  font-size: 17.08332906px;
  vertical-align: middle;
  color: #fff;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(2) {
  float: left;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(1) {
  margin-top: 19.999995px;
  font-size: 8.33333125px;
  color: #ffffff;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(2) {
  margin-top: 8.33333125px;
  font-size: 8.33333125px;
  color: #ffffff;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(3) {
  float: right;
  margin-right: 13.33333px;
  line-height: 66.66665px;
}
.m-discounts-popups > div > div > div:nth-of-type(2) > div:nth-of-type(3) span {
  border-radius: 5px;
  border: solid 1px #ffffff;
  color: #fff;
  font-size: 9.58333094px;
  padding: 4.16666562px 10.41666406px;
}
.m-discount-popups {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.m-discount-popups .m-discount-popups-content {
  border-radius: 6.24999844px 6.24999844px 0 0;
  position: absolute;
  bottom: -166.666625px;
  background: #eaeaea;
  width: 100%;
  height: 291.66659375px;
  overflow-y: scroll;
}
.m-discount-popups .m-discount-popups-content > p:nth-of-type(1) {
  margin-top: 6.24999844px;
  text-align: center;
  font-size: 10.41666406px;
  line-height: 20.83332812px;
}
.m-discount-popups .m-discount-popups-content > p:nth-of-type(1) i {
  font-size: 10.41666406px;
  position: absolute;
  right: 0;
  margin-right: 20.83332812px;
}
.m-discount-popups .m-discount-popups-content > div {
  margin: 8.33333125px auto;
  cursor: pointer;
  width: 294.99992625px;
  height: 66.66665px;
  border-radius: 5px;
  position: relative;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(1) {
  width: 100%;
  height: 100%;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(2) > div:nth-of-type(1) {
  float: left;
  width: 106.24997344px;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(2) > div:nth-of-type(1) > p {
  line-height: 66.66665px;
  text-align: center;
  font-size: 13.74999656px;
  color: #e53b37;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(2) > div:nth-of-type(2) {
  float: left;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(1) {
  margin-top: 19.999995px;
  font-size: 8.33333125px;
  color: #9e9e9e;
}
.m-discount-popups .m-discount-popups-content > div > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(2) {
  margin-top: 8.33333125px;
  font-size: 8.33333125px;
  color: #9e9e9e;
}
